/* $Header: /cvsroot/bitweaver/_bit_styles/interleukin/interleukin.css,v 1.7 2006/04/09 06:32:41 squareing Exp $ */
/**
 * @author   xing <xing@synapse.plus.com>
 * @version  $ Revision: 1.6 $
 * @theme    interleukin
 * @license  LGPL
 */
			/*** global settings ***/
html {background:#555 url( images/bg.png ) no-repeat 4em 4em fixed;}
body {font-size:8pt; line-height:2em; font-family:verdana,'SUSE Sans'FreeSans,tahoma,helvetica,arial,sans-seri; color:#ccc; margin:0; padding:1em;  background:transparent url( images/ruler.png ) repeat-y 98% 0 fixed;}
th {background:#333; color:#fff; border-bottom:2px solid #000;}
hr {border:1px solid #678;}
pre,pre *,code,code *,.code	{font-family:monospace !important;}
pre,pre * {font-size:12px; overflow:auto; text-align:left;}
small {}
p {text-align:justify;}
a {color:#f90; text-decoration:none;}
a:hover {color:#fc9;}
#bitmain a:hover {text-decoration:none; border-bottom:1px dashed #bba; margin-bottom:-1px;}
a.external {background:transparent url( images/external_link.png ) no-repeat right;  padding-right:1.3em;}
			/*** site layout ***/
#bittop {padding:0 18% 0 0; background:#997}
 #bittop h1 {background:#cc8;}
 .toplogin {position:absolute; right:1em; top:1em; width:18%; text-align:center;}
  .toplogin input {vertical-align:middle;}
  .toplogin a {color:#cc9;}
  .spacer {height:2em;}
#bittopbar {width:82%;}
#bitmain {margin:0em 0em 1em 0em; padding:0em 0em 1em 0em; float:left; width:82%;}
#bitmodules {width:18%; padding:3em 0em 1em 0em; float:right; background:#678}
#bitbottom {color:#999; text-align:center; clear:both; font-size:0.8em; margin:0em 27.5em 1em 0em;}
#bitprint {}
#slideshow {}
			/*** titles ***/
h1,h2,h3 {color:#fff; background:#666; font-weight:normal; padding:1em 1em 0.5em 1em; margin:0;}
h1 {font-size:2em;}
h2 {font-size:1.6em;}
h3 {font-size:1.2em;}
.header h1 {background:#79b;}
.post h1 {background:#666; border:0;}
.header h2 {font-size:1.1em;}
 .wiki .date {float:right; text-align:right; margin-right:1em;}
.clear {clear:both;}
			/*** common classes ***/
.display,.admin {}
 .preview {}
.body {margin:0em 1em 1em 0;}
html>body .body {margin-top:2em;}
 .content {font-size:1.2em;}
  .storage {margin:0 0 1em 1em; border-left:1px dashed #fff;}
  .storage .item {padding:3px 5px;}
 .footer {}
  .actionicon .icon,.floaticon .icon {padding:2px; vertical-align:middle;}
img {border:0}
			/*** miscellaneous ***/
.highlight {background:#997; color:#fff;}
.floaticon {float:right;}
span.actionicon {float:right;}
td.actionicon {text-align:right;}
.closebutton{position:absolute; top:1px; right:1px;}
.image .boxcontent {text-align:center;}
.norecords {font-weight:bold;}
.boxtitle {text-align:center;}
.boxtitle .icon {vertical-align:middle;}
.popup {background:#fff; width:250px; border:1px solid #000;}
.icon,.icon:hover,a.icon,a.icon:hover {border:0px;}
.portrait,.avatar {float:right; padding:0 0 5px 5px;}
.selected {font-weight:bolder}
.navbar,.comment,.footer {clear:both;}
.date,.footer,.pagination,small {color:#999;}
.panelsubmitrow {text-align:center;}
.pagination {text-align:center;}
.storage {float:right; clear:both;}
			/*** stickies ***/
.stickies textarea,.stickies input[type='text'] {background:#ffc;}
.stickynote .boxtitle {border-bottom: 1px solid #dda;}
.stickynote {background-color:#ffc;  color:#000;  width: 300px;  padding: 3px;}
			/*** articles ***/
.articles .content div.image	{float:left; padding:0 1em 0 0;}
			/*** structures and paths ***/
.structurebar {clear:both;}
.structurebar .path {display:block;}
.gallerybar .path {display:block;}
.navigation span {display:block; width:50%; float:left;}
.navigation .right {text-align:right;}
#bitmain .structurebar {background:#79b; padding:0 1em; line-height:normal;}
 #bitmain .structurebar a {color:#fff;}
/* if you display the structure navigation links as icons, you can uncomment these lines by removing the space between the next 2 characters * /
 #bitmain .structurebar .path {margin:0 0 0 20px; display:inline;}
 #bitmain .structurebar .navigation span {width:20px; display:inline; clear:none;}
/**/
			/*** boxes ***/
.box {}
 .boxtitle {color:#fff; font-size:120%; text-align:left; font-weight:bold;}
 .boxcontent {padding:1em;}
.popup {padding:10px; border:1px solid #999; text-align:justify; background:#444;}
.module{}
 .module .boxtitle {color:#eee; padding-left:30px; background:transparent url( images/module.gif ) 5px center no-repeat; background-repeat:no-repeat;}
 .module .boxcontent {border:1px solid #999; background:#444; margin:0.5em; padding:0.5em; background:#444 url( images/ruler.png ) repeat-y 98% 0 fixed;}
			/*** parsed elements ***/
.bitbar {}
.bitcache {}
.bitbox {padding:3px 8px; background:#997; color:#fff; margin:0 4em;}
.bittable {background:#eee;}
 .bittable td {border:1px solid #fff;}
			/*** forms ***/
form,input,textarea,select{margin:0; padding:0;}
 #bitmain form {font-size:1.2em;}
 fieldset {border:0; border-top:1px solid #cc9;}
  textarea {width:100%;}
  input,select,textarea {font-size:1em; font-family:verdana,tahoma,helvetica,arial,sans-serif; color:#666; background:#333; border:1px solid #999; color:#fff;}
   input[type="text"],input[type="password"] {border:0; border-bottom:1px dashed #999;}
  legend {padding:0 10px; letter-spacing:3px; color:#fff;}
   .row {padding-bottom:5px;}
   .formfeedback,{display:block; clear:both;}
   .formlabel {color:#eee; float:left; width:25%; text-align:right;}
    label {color:#fff;}
   .forminput {margin-left:26%;}
   .formhelp {cursor:help; line-height:normal; font-size:85%;}
    .module .forminput, .module .formlabel {width:auto; float:left; clear:both;}
  .submit {text-align:center; padding-bottom:10px;}
   .submit input {padding:0.2em 0.5em;}
    .submit input:hover {color:#fff; background:#000;}
.minifind {width:200px;}
.errorpage .boxtitle {color:#f00; font-weight:bold;}
.error {color:#f00; background:#666;}
.warning {color:#f80; background:#666;}
.success {color:#090; background:#666;}
li.error,li.success,li.note,li.warning	{list-style:none;}
			/*** tables and lists ***/
ul,ol,dl {margin-top:0; margin-bottom:0;}
dt {font-weight:bold; color:#eee;}
dd {margin-left:2em; padding:0;}
.module ul {margin:0; padding:0}
.module li,ul.toc li {list-style:none;}
ul.data {padding:0; margin:0;}
ul.data li.item {list-style:none;}
ul.data li.item .thumb {float:right;}
ul.toc ul {margin-left:1.5em; padding:0;}
.navbar {height:2em;}
.navbar ul {padding:0; margin:0; list-style:none;}
.navbar ul li {float:left;}
table {border-collapse:collapse; border-spacing:0; padding:0; margin:0; width:100%;}
.data {border-left:2px solid #000; border-right:2px solid #000;}
.odd,.even {border-bottom:1px solid #999;}
 .odd {background:#555;}
 .even {background:#444;}
.norecords {}
 .module ol {margin:0; padding:0;}
 .module ol li {list-style:lower-roman; margin:0 0 0 2em; padding:0;}
			/* tabs */
.tabsystem .tabcontainer {margin:0; padding:0; border:0; clear:both;}
 .tabsystem .tabcontainer ul,.tabsystem .tabcontainer li {margin:0; padding:0; border:0; list-style-type:none; display:inline;}
 .tabsystem .tabcontainer .tab,.tabsystem .tabcontainer .tab-active {position:relative; display:inline; float:left; z-index:1; white-space:nowrap;}
.tabsystem .tabpage {clear:both;}
h4 {margin:0; padding:0;}
			/* tabstyle */
.tabsystem .tabcontainer .tab,.tabsystem .tabcontainer.tab-hover,.tabsystem .tabcontainer .tab-active {top:2px; font:10px verdana,arial,sans-serif; margin:0 3px; padding:4px 5px 1px 5px; background:#333; color:#aaa; border:1px solid #bbb; border-bottom:0;}
 .tabsystem .tabcontainer .tab-hover {padding:3px 5px 1px 5px; border-top:2px solid #997;}
 .tabsystem .tabcontainer .tab-active {top:1px; margin:0; color:#fff; padding:2px 8px 4px 8px; background:#555; border-top:2px solid #cc9;}
.tabsystem .tabpage {background:#555; border:1px solid #bbb; padding:1em;}
			/*** navigation bars and tabs ***/
.navbar {text-align:right; margin:1em;}
 .navbar a {font-weight:normal; text-align:center; padding:0.1em 0.3em 0 0.3em; border-top:0.3em solid transparent;}
 .navbar a:hover {border:0; border-top:0.3em solid #ddd;}
 .navbar a.selected {border-top:0.3em solid #cc8;}
.pagination {}
			/*** bottom bar ***/
.babelfish {}
			/* regular menus */
.menu ul {margin-left:1em; padding:0;}
.menu li {list-style:none;}
.menu a {display:block;}
			/* css driven dropdown menus - horizontal */
.ver ul,.hor ul {line-height:16px;}
.ver a:hover,.hor a:hover {border:0;}
.hor .icon {position:absolute; left:28px; top:0px; margin-left:-26px;}
.hor,.hor ul {padding:0; margin:0; list-style:none;}
.hor a {white-space:nowrap; padding:0 5px;}
.hor li {width:auto;}
.hor li li,.hor li ul {width:14em; display:block; text-align:left;}
.hor li {float:left; position:relative;}
.hor li:hover,.hor li.ieHover {background:#000;}
.hor li li a {margin:0 0 0 2em; color:#000;}
.hor ul a.head {background-image:url( images/arrow.gif ); background-repeat:no-repeat; background-position:right; background-color:transparent;}
.hor ul a.head:hover {background-image:url( images/arrow.gif ); background-repeat:no-repeat; background-position:right;}
.hor li li:hover {border:1px solid #657a96; background:#bec7d3; margin:-1px;}
.hor li li:ieHover {border:1px solid #657a96; background:#bec7d3; margin:-1px;}
.hor li ul {position:absolute; left:-999em; background:#fff url( images/menu_ul.gif ) repeat-y 0.3em 0.3em; padding:0.3em; border:1px solid #aaa}
/* if you want to flip the admin menu to the right, remove the '-' in front of 14em; */
.hor li ul ul {margin:-1.9em 0 0 -14em;}
			/* css driven dropdown menus - vertical */
.ver .icon {margin-left:-26px; padding-right:8px; vertical-align:middle;}
.ver a {color:#000; padding:0 5px; white-space:nowrap;}
.ver a.head {background-image:url( images/arrow.gif ); background-repeat:no-repeat; background-position:right;}
.ver, .ver ul {padding:0; margin:0; list-style:none; float:left; width:13em;}
.ver li {position:relative; width:13em;}
.ver li:hover,.ver li.ieHover {background:#bec7d3;}
.ver li li {position:relative; float:left; width:13em;}
.ver li li:hover,.ver li li.ieHover {border:1px solid #657a96; margin:-1px;}
.ver li li a {margin:0 0 0 2em;}
.ver li ul {position:absolute; left:-999em; margin-left:13em; margin-top:-2em; padding:0.3em; background:#fff; border:1px solid #999; background:#fff url( images/menu_ul.gif ) repeat-y 0.3em 0.3em;}
.ver li ul ul {left:-999em;}
			/* vertical menus on the right hand side */
#bitmodules .ver, #bitmodules .ver li, #bitmodules .ver ul {width:125px;}
#bitmodules .ver li ul {margin-left:-132px;}
			/* z-index */
#nav,#nav a,#nav li ul {z-index:10000;}
.hor,.hor a,.hor li ul {z-index:1000;}
.ver,.ver a,.ver li ul {z-index:1000;}

.hor li:hover ul ul,.hor li:hover ul ul ul,.ver li:hover ul ul,.ver li:hover ul ul ul	{left:-999em;}
.hor li:hover ul,.hor li li:hover ul,.hor li li li:hover ul,.ver li:hover ul,.ver li li:hover ul,.ver li li li:hover ul	{left:auto;}
